1 00:00:00,750 --> 00:00:01,850 Hello and welcome. 2 00:00:01,860 --> 00:00:12,300 In this video I will be adding some very bizarre csx to make the application look a bit nicer saw inside 3 00:00:12,300 --> 00:00:13,790 our hastier mail here. 4 00:00:13,890 --> 00:00:21,300 We've already got a reference to an external stahlschmidt and of course a key to paedos here says sample 5 00:00:21,300 --> 00:00:27,000 to create that file now go into the file option and click on the file. 6 00:00:27,060 --> 00:00:37,010 I am going to save it and inside the same rectory are it cagy to look at Case. 7 00:00:37,110 --> 00:00:50,310 K. G to P C a sex so need to make sure the name matches the name I have given it inside the hastier 8 00:00:50,310 --> 00:00:55,140 mail which is cagy to PDC says and click save. 9 00:00:55,140 --> 00:00:59,400 So I just want to double check and go into my hastier mail. 10 00:00:59,450 --> 00:01:07,460 So chordate kagi to paedos CSA and you can see here is key key to people see access because the brand 11 00:01:07,460 --> 00:01:09,160 name does not match. 12 00:01:09,300 --> 00:01:17,280 The success will not work because it cannot link it correctly to the name I have given it inside the 13 00:01:17,280 --> 00:01:24,270 here Treff attributes some will not open the CSA as far as Im just going to add the olimpia them one 14 00:01:24,270 --> 00:01:24,780 last time. 15 00:01:24,780 --> 00:01:26,700 Here is this container here. 16 00:01:26,740 --> 00:01:28,860 Dph contain this idea. 17 00:01:29,120 --> 00:01:38,000 I am going to now that using the 80 so I'm just going to add the could pay into this code basically 18 00:01:38,010 --> 00:01:40,030 for that container. 19 00:01:40,520 --> 00:01:43,100 So these are just standard csx. 20 00:01:43,260 --> 00:01:50,010 So I've given it here with 500 pixels height of 250 pixels. 21 00:01:50,100 --> 00:01:53,400 I would advise you to just play around with these values. 22 00:01:53,400 --> 00:01:56,670 Try and add your own values and see what it looks like. 23 00:01:56,670 --> 00:02:04,930 So try and customize it as much as possible to your own taste so give it a background colour purple. 24 00:02:05,160 --> 00:02:13,050 I'll use that as the actual name of the colours but you can also use hex decimal colour values if you 25 00:02:13,050 --> 00:02:13,610 wish to. 26 00:02:13,610 --> 00:02:16,900 For you for a minute with them you can use that as well. 27 00:02:17,070 --> 00:02:20,980 Column here bicycler refers to the text any text inside is. 28 00:02:20,990 --> 00:02:24,900 Dave Hall be white margin from the top. 29 00:02:24,900 --> 00:02:28,960 This area is known as the top so basically same from the top. 30 00:02:28,970 --> 00:02:34,370 I want the db to drop down 60 pixels margin from the left. 31 00:02:34,380 --> 00:02:43,860 This area is a left saying I want the D to move from the left 300 pixels from the page padding refers 32 00:02:43,860 --> 00:02:51,080 to the space inside the element while the margin refers for this space outside the elements of this 33 00:02:51,090 --> 00:02:58,040 area can be outside and any theming is inside some same from inside the div element. 34 00:02:58,110 --> 00:03:06,120 I want there to be padding from the left side with some space inside turtled pixels and padding from 35 00:03:06,120 --> 00:03:12,830 the top 20 pixels so padding the margin in the works the same way shows that margin refers to those 36 00:03:12,830 --> 00:03:14,620 spaces outside. 37 00:03:14,750 --> 00:03:17,980 Why pad in refers to the space inside. 38 00:03:18,150 --> 00:03:19,980 So that's basically the CNS. 39 00:03:20,010 --> 00:03:25,950 I will be using umbers going to click on File Save all and then we can go ahead and test it. 40 00:03:25,950 --> 00:03:34,090 So to test them to scan a click on the rectory and Randi Kaye key to p s a male fart. 41 00:03:34,140 --> 00:03:41,250 Click on that and you can see we have a better looking wave converse than tool. 42 00:03:41,250 --> 00:03:50,220 So again I'm typing in there so type in five kilos gives me the corresponding results in pounds. 43 00:03:50,280 --> 00:03:57,170 So next we are going to to the conversion from pounds 2 kg. 44 00:03:57,390 --> 00:04:00,430 The cord is going to be identical. 45 00:04:00,710 --> 00:04:07,080 There's going to be a slight change in the cut and I'll tell you where the slight change is so that's 46 00:04:07,080 --> 00:04:08,510 it for this election. 47 00:04:08,550 --> 00:04:09,630 Thanks for watching. 48 00:04:09,630 --> 00:04:10,560 Bye for now.